<template>
  <div>
    <div class="search-head">
      <van-sticky>
        <van-search v-model="keyword" placeholder="请输入搜索关键词" @input="courseSearch"/>
      </van-sticky>
    </div>
    <div class="course-list" v-if="courseList.length > 0 " :style="iPnoneBottomBol ? 'padding-bottom: 34px;' : ''">
      <block v-for="(item,index) in courseList" :key="index">
        <course-item :datas="item" :courseType="1"></course-item>
      </block>
    </div>
    <van-empty description="暂无数据" v-else/>
  </div>
</template>
<script>
import courseList_controller from "./courseList_controller.js";
export default courseList_controller;
</script>
<style scoped>
.course-list ::v-deep .courseItem {
  padding: 0.625rem 0.625rem 0 0.625rem;
}

.course-list ::v-deep .courseItem:nth-child(1) {
  border-radius: 0.9375rem 0.9375rem 0 0;
}
</style>
<style lang="scss" scoped>
.search-head {
  padding-bottom: 0.8125rem;
}

.course-list {
  background-color: #fff;
  border-radius: 0.9375rem;

  .courseItem {
    padding: 0.625rem 0.625rem 0 0.625rem;
  }
}
</style>